<!DOCTYPE HTML>
<!--
	Future Imperfect by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Future Imperfect by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]>
		<script src="../static/assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="static/assets/css/main.css" />
		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../static/assets/css/ie9.css"/><![endif]-->
		<!--[if lte IE 8]>
		<link rel="stylesheet" href="../static/assets/css/ie8.css"/><![endif]-->

        <!-- ECharts单文件引入 -->

        <script>

            function search_main(){
                var url = "/main";
                var keyword = $(".keyword").val();
                if(keyword == null || keyword.length == 0 ){
                    return;
                }
                var type = $(".search_type").val();
				if(type == "人物"){
                    window.location.href = "/person?keyword="+keyword;
				}else if(type == "机构"){
                    window.location.href = "/organization?keyword="+keyword;
                }else if(type == "领域"){
                    window.location.href = "/field?keyword="+keyword;
                }
            }
			
			function  search_type_select(search_type) {
                $(".search_type").val(search_type);
				if (search_type == "人物"){
                    $(".search_txt").html("当前检索类型：人物");
				}else if(search_type == "机构"){
                    $(".search_txt").html("当前检索类型：机构");
                }else if(search_type == "领域"){
                    $(".search_txt").html("当前检索类型：领域");
                }
            }

        </script>
	</head>

    <input class="search_type" type="hidden" value="人物"/>

	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<h1><a href="#">科技资源检索系统</a></h1>
						<nav class="links">
							<ul>
								<li><a class="person_type" href="#" onclick="search_type_select('人物')">人物</a></li>
								<li><a class="organization_type" href="#" onclick="search_type_select('机构')">机构</a></li>
								<li><a class="field_type" href="#" onclick="search_type_select('领域')">领域</a></li>
                                <li><a class="search_txt" href="#"></a></li>
							</ul>
						</nav>
						<nav class="main">
							<ul>
								<li class="search">
									<a class="fa-search" href="#search" onclick="search_main()">Search</a>
									<form id="search" method="post" action="#">
										<input class="keyword" type="text" name="query" placeholder="Search" />
									</form>
								</li>
								<li class="menu">
									<a class="fa-bars" href="#menu">Menu</a>
								</li>

							</ul>
						</nav>
					</header>

			</div>

		<!-- Scripts -->
			<script src="static/assets/js/jquery.min.js"></script>
			<script src="static/assets/js/skel.min.js"></script>
			<script src="static/assets/js/util.js"></script>
			<!--[if lte IE 8]>
		<script src="../static/assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="static/assets/js/main.js"></script>

	</body>
</html>